<template>
  <sn-row-has-four-col
      :one="6"
      :two="6"
      :three="6"
      :four="6">
    <hot-showing-movie-info :movie-info="hotShowingRowData[0]" slot="one-col"/>
    <hot-showing-movie-info :movie-info="hotShowingRowData[1]" slot="two-col"/>
    <hot-showing-movie-info :movie-info="hotShowingRowData[2]" slot="three-col"/>
    <hot-showing-movie-info :movie-info="hotShowingRowData[3]" slot="four-col"/>
  </sn-row-has-four-col>
</template>

<script>
import HotShowingMovieInfo from "@/views/home/left/hot_showing/HotShowingMovieInfo";

export default {
  name: "HotShowingRow",
  components: {
    HotShowingMovieInfo
  },
  props: {
    hotShowingRowData: {
      type: Array,
      default() {
        return []
      }
    },
  },
}
</script>

<style scoped>

</style>